<template>
  <div class="app-container bgColor">
    <viewTop></viewTop>
    <viewCenter class="mt_20"></viewCenter>
    <viewFooter class="mt_20"></viewFooter>
  </div>
</template>

<script>
import { getList } from "@/api/table";
import viewTop from "@/components/bigView/top.vue";
import viewCenter from "@/components/bigView/center.vue";
import viewFooter from "@/components/bigView/footer.vue";

export default {
  components: {
    viewTop,
    viewCenter,
    viewFooter,
  },
  data() {
    return {
      list: null,
      listLoading: true,
    };
  },
  created() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      this.listLoading = true;
      getList().then((response) => {
        this.list = response.data.items;
        this.listLoading = false;
      });
    },
    toDetail(data) {},
  },
};
</script>
<style scoped>
.bgColor {
  background-color: #f0f2f5;
}

</style>
